<div pullable-view topics="topics" class="row">
    <!--<div class="club-header row">
        <div class="col-xs-9">
            <div class="club-icon">
                <img ng-src="{{club.icon}}"/>
            </div>
            <div class="club-title">
                <h2>{{club.name}}</h2>
                <p>
                    &lt;!&ndash;<span ng-if="club.isRecommended">(推荐)</span>&ndash;&gt;
                    话题: {{club.topicCount}}
                </p>
            </div>
        </div>
        &lt;!&ndash;<div class="col-xs-3 join-club">
            <a class="btn btn-join-club" ng-if="!isJoined" ng-click="joinClub(club.snsClubId)">+ 关注</a>
            <a class="btn btn-join-club" ng-if="isJoined" ng-click="exitClub(club.snsClubId)">取消关注</a>
        </div>&ndash;&gt;
    </div>-->

    <div class="refresh-icon" style="height:{{refreshHeight}}px;">
        <i class="fa fa-circle-o-notch fa-spin"></i> 放开手指刷新
    </div>

    <div class="topics-container">
        <div ng-repeat="topic in topics">
            <div class="author">
                <!--<img class="avatar-normal" ng-src="{{topic.user.avatar?topic.user.avatar:'img/default_head.jpg'}}"/>-->
                <!--<p class="author-info">
                    <a ng-bind="topic.user.name"></a>
                    &lt;!&ndash;<span class="level">LV{{topic.user.userType}}</span>&ndash;&gt;
                    <span class="created" ng-bind="topic.modifiedDescription"></span>
                </p>-->
                <a class="btn-remove" ng-if="isOwner" ng-click="removeTopic({type:'topic',snsTopicId:topic.snsTopicId})">
                    <i class="fa fa-remove"></i>
                </a>
            </div>
            <!--<h4>{{topic.title}}</h4>-->
            <div class="topic-article  {{!isColapsed?'':'colapsed'}}" ng-click="toggleColapse()" ng-bind="topic.content"></div>
            <!--
            <a class="btn-colapse" ng-if="hasToggle && isColapsed" ng-click="toggleColapse()">查看全文</a>
            <a class="btn-colapse" ng-if="hasToggle && !isColapsed" ng-click="toggleColapse()">折叠文字</a>
            -->
            <div ng-if="topic.images.length">

		<span ng-repeat="img in topic.images" class="topic-img {{topic.images.length==1?'':'small'}}">
		<img ng-click="showImage($index)" ng-src="{{img.imgUrl_320_240}}"/>
		</span>

            </div>
            <div class="row">
                <div class="col-xs-7">
                    <p class="author-info">
                        匿名
                        <span class="created" ng-bind="topic.modifiedDescription"></span>
                        <span>已有名<span style="color: #4AD22A;font-size: 14px">{{topic.replyCount}}</span>医生回复</span>
                    </p>
                    <!--<span ng-if="!inclub">来自：<a href="#/club/{{topic.club.snsClubId}}" ng-bind="topic.club.name"></a></span>-->
                </div>
                <div class="col-xs-5 topic-toolbar">
                    <a ng-click="voteTopic(topic.snsTopicId)" ng-if="!topic.isVotedByLoginUser"><i class="fa fa-thumbs-o-up"></i> {{topic.supportCount}}</a>
                    <a ng-if="topic.isVotedByLoginUser"><i class="fa fa-thumbs-up"></i> {{topic.supportCount}}</a>
                    <!--<a ng-click="addReply(topic.snsTopicId)"><i class="fa fa-reply"></i></a>-->
                    <a ng-click="addReply(topic.snsTopicId)"><i class="fa fa-twitch"></i> {{topic.replyCount}}</a>
                </div>
            </div>
            <mc-topic-replies topic="topic" inclub="inclub" class="replies" ng-if="topic.partReplies.length" ></mc-topic-replies>
        </div>
        <div ng-show="showMore" class="load-more">
            <span ng-if="isTapping && !noMorePage">放开手指，加载更多话题</span>
            <span ng-if="isTapping && noMorePage">已经是最后一页了</span>
            <span ng-if="isLoading"><i class="fa fa-circle-o-notch"></i>正在加载更多话题。。。</span>
        </div>
    </div>
</div>
